﻿@charset "utf-8";

	*{ margin: 0 auto; font-family:"Microsoft YaHei";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%; display:inline-block;}
	.picture img{display:block;}
	/*头部样式*/
	.max{ max-width:1200px;}
	
	header.header{ overflow:hidden;}
	.roof{ width:100%; display:block; overflow:hidden; box-shadow:0px 5px 7px rgba(0,0,0,0.1)}
	.roof .max{overflow:hidden; display:block;}
	.roof span{ float:left; font-size:14px; color:#666; padding:11px 0px;}
	.roof span a{ color:#666;font-size:14px; margin:0px 4px;}
	.roof .text{ float:right; padding-left:35px;}

	.header{box-sizing:border-box; overflow:hidden; padding:13px 0px;}	
	.header .logo{float:left; max-width:40%;}
	.header .logo img{float:left;}
	.header .text{ font-size:18px; color:#049919; margin-left:24px; padding-left:24px; margin-top:10px; border-left:1px solid #d1d1d1; float:left; max-width:30%; box-sizing:border-box;}
	.header .text p:nth-of-type(1){ font-size:24px; font-weight:bold; color:#049919; letter-spacing:1px;}
	
	.header .contact{ float:right;  width:100%;}
	.header .contact .picture{ float:left; margin-right:5px;}
	.header .contact .title{ float:left; font-size:14px;}
	.header .contact .picture img{ float:left;}
	.header .contact .tel{ font-size:34px; font-weight:bold; color:#333; float:right;float:left;}
	

	/*导航样式*/
	nav{float:right;max-width:55%; width:100%; position:relative; overflow:hidden;}
	.nav li{ float:left; max-width:calc(100% / 7); width:100%; text-align:center; padding:20px 0px;max-width:14.25%/0; position:relative;}
	.nav li a{ float:left; width:100%; font-size:17px; color:#333333; box-sizing:border-box; position:relative; transition:all linear 0.25s;}
	.nav li:hover a{ color:#049919;}
	#nav_select a{ color:#049919;}

	.dh{ float:right; display:none;}
	.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:650px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(4,153,25,1); opacity:0.8;}
	.banner ol li:hover{border:2px solid rgba(236,179,30,1); opacity:1;}
	.banner li img{min-height:150px; height:650px;}
	.ban_img .banner li img,.ban_img .banner{ height:480px;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:calc(56% - 90px); position:absolute;  z-index:2; width:50px; left:1%; text-align:center;}
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:calc(56% - 90px); position:absolute;  z-index:2; width:50px; right:1%; text-align:center}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8;}
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:rgba(236,179,30,1); border:2px solid rgba(236,179,30,1); opacity:1;}


	/*网站主体*/
	.often{display:block; overflow:hidden; width:100%; text-align:center; margin:62px auto 50px auto;}
	.often .picture{ display:block; width:100%; margin-top:8px;}
	.often .title{ font-size:38px; font-weight:bold; color:#049919; display:inline-block;}
	.often .text{ margin-top:12px; color:#666; font-size:14px;}
	
	
	section.search{ background:#eaeaea; padding:20px 0px; overflow:hidden;display:block; width:100%; box-shadow:0px 6px 10px rgba(0,0,0,0.18);}
	.search .max{ overflow:visible;}	
	.search .hotword{ float:left; max-width:65%; width:100%; line-height:40px; height:40px; overflow:hidden;}	
	.search .hotword span{font-size:16px; color:#049919; font-weight:bold;}
	.search .hotword a{ color:#555; font-size:14px; font-weight:normal; display:inline-block; margin-right:1%;}
	
	.search .find{ float:right; max-width:30%; width:100%; box-sizing:border-box; overflow:hidden; background:#f4f4f4;}
	.search .find .icon{ float:left; width:45px; text-align:center; font-size:24px; color:#999; line-height:40px; height:40px;}
	.search .find input[type=text]{ width:100%; height:40px; float:left; border:0px; box-sizing:border-box; outline:none; background:none; max-width:calc(100% - 120px); border:1px solid #eee; border-top-left-radius:4px; border-bottom-left-radius:4px; border-right:0px; font-size:14px;}
	.search .find input[type=submit]{ cursor:pointer; width:75px; height:40px; float:left; border:0px; color:#fff; font-size:14px; background:#0155ab; outline:none; letter-spacing:3px;}
	
	
	section.products{ display:block; width:100%; overflow:hidden;padding-bottom:72px;}
	.pro_l{ float:left; max-width:25%; width:100%;background:#fafafa;}
	.pro_l_title{background:#049919; color:#fff; text-align:center; padding:9px 0px 16px 0px; float:left; width:100%;}
	.pro_l_title .title{ font-size:30px; font-weight:bold;display:block; overflow:hidden;}
	.pro_l_title .text{ font-size:12px; color:rgba(255,255,255,0.5); background:url(../images/pr_03.png) no-repeat center; background-size:100% 100%; max-width:188px; width:100%; margin:13px auto 0px auto; display:block; padding:3.5px 0px;}
	.pro_l ul{ display:block; overflow:hidden; width:100%; box-sizing:border-box; padding:7px 6.5%;}
	
	.pro_l li{float:left; width:100%; background:#049919; color:#fff; margin-top:15px; font-size:16px; box-sizing:border-box; padding:0px 8%;}
	.pro_l li a{ padding:15px 0px;}
	.pro_l li .title{float:left; max-width:calc(100% - 10px); text-overflow:ellipsis; white-space:pre; width:100%; overflow:hidden; font-size:15px; color:#fff; font-weight:bold;}
	.pro_l li .icon{float:right; font-size:16px; color:#fff; font-family:"宋体"; max-width:10px; width:100%; text-align:center;}
	
	.pro_l li:hover{ background:#ecb31e;}

	.pro_l .contact{color:#333; overflow:hidden; padding:0px 6.5%; margin-top:7px;}
	.pro_l .contact .title span{ float:left; border:1px solid #049919;box-sizing:border-box; overflow:hidden; font-size:14px; color:#fff; border-radius:7px; max-width:45%; width:100%;}
	.pro_l .contact .title span:nth-of-type(even){ float:right;}
	.pro_l .contact .title span p{ float:left; width:100%; text-align:center; background:#049919; border:1px solid #fff; padding:3.5px 0px; box-sizing:border-box; overflow:hidden; font-size:14px; color:#fff; border-radius:7px;}
	.pro_l .contact .picture{ float:left; margin-top:12px; width:100%; overflow:hidden;}
	.pro_l .tel{ background:#049919; float:left; width:100%; overflow:hidden; padding:9px 0px; margin-top:11px;}
	.pro_l .tel span{ float:left; font-size:17px; color:#fff; padding:0px 2%;}
	.pro_l .tel span img{ float:left;}
	.pro_l .contact .title span:hover{border-color:#049919;}
	.pro_l .contact .title span:hover p{ background:#049919;}
	.pro_l .contact .text{ font-size:17px; color:#333; float:left; width:100%; overflow:hidden; margin-top:6px;}
	
	
	.pro_r{ width:100%; float:right;}
	.pro_r .pro_cloumn{float:left; width:100%; line-height:44px; height:44px; border:1px solid #dcdcd8; box-sizing:border-box; overflow:hidden;}
	.pro_r .pro_cloumn .title{ background:#049919; float:left; color:#fff; max-width:120px; width:100%; text-align:center; font-size:18px; font-weight:bold;}
	.pro_r .pro_cloumn .more{ float:right; color:#666;font-size:12px; margin-right:13px;}
	.pro_r ul{ float:left; width:100%; overflow:hidden; box-sizing:border-box;}
	.pro_r ul li{ max-width:calc(100% / 4 - 13px); width:100%; margin-top:26px; float:left; margin-right:15px;}
	.pro_r ul li .picture{ float:left; width:100%; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box; padding:3px; box-sizing:border-box;}
	.pro_r ul li .picture img{ float:left; height:213px; object-fit:cover; width:100%;}
	.pro_r ul li .title{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#333; white-space:pre; text-overflow:ellipsis; padding:15.5px 2%; box-sizing:border-box; background:#e0e0e0;}
	.pro_r ul li:nth-of-type(4n){ margin-right:0px;}
	.pro_r ul li:hover .title{ background:#ecb31e; color:#fff;}
	.pro_r .pro_cloumn .more:hover{ color:#049919;}

	section.about{ background:url(../images/ab_01.jpg) no-repeat center top; background-size:cover; float:left; width:100%; overflow:hidden; padding:80px 0px;}
	.about .about_l{ max-width:43%; width:100%; float:left;}
	.about .about_l .text{ font-size:48px; color:#999;}
	.about .about_l .title{ font-size:38px; font-weight:bold; color:#049919;}
	.about .about_l .picture{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.about .about_l .picture img{ float:left;}
	.about .about_l .intro{ font-size:16px; line-height:34px; color:#333; float:left; width:100%; overflow:hidden; margin-top:28px;text-align:justify;text-justify:distribute-all-lines;}
	.about .about_l .more{ border:2px solid #049919; font-size:14px; float:left; width:100%; max-width:152px; box-sizing:border-box; padding:7.5px 0px; text-align:center; display:flex; align-items:center; justify-content:center; line-height:26px; margin-top:25px; color:#333;}
	.about .about_l .more::after{ transform:rotate(90deg); display:inline-block; color:#049919; font-size:26px; font-weight:bold;}
	.about .about_l .more:hover{ background:#049919; color:#fff;}
	.about .about_l .more:hover::after{ color:#fff;}
	
	.about .about_r{ max-width:47.5%; width:100%; float:right; margin-right:2.5%; border:6px solid #fff; box-sizing:border-box; overflow:hidden}
	.about .about_r img{ float:left; width:100%;}

	section.case{ display:block; overflow:hidden; width:100%; padding-bottom:65px;}
	.case_b{ display:block; overflow:hidden; width:100%;}
	.case_b li{ float:left; margin:25px 26px 0px 0px; position:relative; overflow:hidden; max-width:calc(100% / 3 - 18px); width:100%;}
	.case_b li:nth-of-type(3n){ margin-right:0px;}
	.case_b li .title{ display:none; float:left; max-width:78%; width:100%; position:absolute; bottom:9%; left:0px; right:0px; margin:auto; background:rgba(24,70,155,0.85); padding:24.5px 0px; white-space:pre; text-overflow:ellipsis; text-align:center; font-size:16px; color:#fff; transition:all linear 0.25s;}
	.case_b li .picture{ float:left; width:100%; overflow:hidden;}
	.case_b li .picture img{ transition:all linear 0.25s; float:left; width:100%; height:316px; object-fit:cover;}
	.case_b li:hover .title{ display:block;float:left; max-width:78%; width:100%; position:absolute; bottom:9%; left:0px; right:0px; margin:auto; background: rgba(236,179,30,0.85);padding:24.5px 0px; white-space:pre; text-overflow:ellipsis; text-align:center; font-size:16px; color:#fff; transition:all linear 0.25s;}
	.case_b li:hover .picture img{ transform:scale(1.1);}

	section.advert{ background:url(../images/ad_01.jpg) no-repeat top center; background-size:cover; display:block; width:100%; overflow:hidden; padding:50px 0px;}
	.advert_l{ float:left; max-width:55%; width:100%;}
	.advert_l .title{ float:left; font-size:36px; font-weight:bold; color:#fff; overflow:hidden; width:100%;}
	.advert_l .text{ float:left; width:100%; color:#fff; overflow:hidden; border-bottom:1px solid #fff; font-size:26px; padding:10px 0px 20px 0px;}
	.advert_l .content{ float:left; width:100%; overflow:hidden; margin-top:22px;}
	.advert_l .content p{ float:left; font-size:18px; color:#fff; background:url(../images/ad_01.png) no-repeat left center; padding-left:35px; max-width:calc(25% - 20px); margin-right:20px;}
	.advert_l .content p:last-child{ margin-right:0px;}
	.advert_r{ float:right; max-width:31%; width:100%; overflow:hidden; margin-top:55px;}
	.advert_r .title{ font-size:24px; color:#fff;}
	.advert_r .text{ font-size:48px; font-weight:bold; color:#fff; margin-top:8px; letter-spacing:4px;}

	section.news{ display:block; overflow:hidden; width:100%; padding-bottom:46px;}
	.news_l{ padding:24px 24px 18px 24px; box-sizing:border-box; float:left; max-width:66%; width:100%; overflow:hidden; background:#f5f5f5;}
	.news_l .news_t{ float:left; width:100%; overflow:hidden;}
	.news_l .news_t .picture{ max-width:39%; width:100%; float:left; position:relative; overflow:hidden;}
	.news_l .news_t .picture::before{ content:"热点"; position:absolute; top:0px; left:0px; background:#ecb31e; font-size:18px; color:#fff; width:70px; line-height:34px; height:34px; text-align:center; z-index:1;}
	.news_l .news_t .picture img{ height:160px; float:left; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_l .news_t .content{ float:right; max-width:57%; width:100%;}
	.news_l .news_t .content .title{ font-size:18px; color:#333; font-weight:bold; overflow:hidden; float:left; width:100%; white-space:pre; text-overflow:ellipsis; margin-top:2px; transition:all linear 0.25s;}
	.news_l .news_t .content .text{ font-size:14px; color:#666; line-height:30px; height:90px; overflow:hidden; float:left; width:100%; margin-top:13px;}
	.news_l .news_t .content .text font{ color:#ecb31e;}
	.news_l .news_t .content time{ font-size:12px; color:#999; float:left; width:100%; overflow:hidden; margin-top:10px;}
	.news_l .news_c{ float:left; width:100%; overflow:hidden; background:#fff; margin-top:24px;}
	.news_l .news_c li{ float:left; max-width:50%; width:100%; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; padding:15px 20px;}
	.news_l .news_c li:nth-of-type(2){border-left:0px;}
	.news_l .news_c li .picture{ float:left; width:68px; height:68px; overflow:hidden; box-shadow:0px 0px 5px rgba(0,0,0,0.3); border-radius:100%; transition:all linear 0.25s;}
	.news_l .news_c li .picture img{ float:left; width:100%; height:100%; object-fit:cover; overflow:hidden;}
	.news_l .news_c li .title{ float:right; font-size:16px; color:#333; max-width:calc(100% - 100px); width:100%; white-space:pre; text-overflow:ellipsis; overflow:hidden; line-height:68px;}

	.news_l .news_b{ float:left; overflow:hidden; width:100%; margin-top:24px;}
	.news_l .news_b li{ float:left; overflow:hidden; width:100%; border-bottom:1px solid #ddd; padding:14px 0px;}
	.news_l .news_b li .title{ float:left; font-size:15px; color:#333; max-width:calc(100% - 100px); width:100%; text-overflow:ellipsis; white-space:pre; overflow:hidden;}
	.news_l .news_b li .time{ float:right; font-size:12px; color:#999; max-width:70px;}
	
	.news_r{ max-width:32%; float:right; width:100%; background:#f5f5f5; overflow:hidden; padding:20px 2% 60px 2%; box-sizing:border-box;}
	.news_r .column{ float:left; width:100%; overflow:hidden; font-size:24px; color:#333;}
	.news_r .news_b{ position:relative; overflow:hidden; float:left; width:100%; height:420px; margin-top:15px;}
	.news_r .news_b ul{ position:absolute; overflow:hidden; float:left; width:9999px;}
	.news_r .news_b li{float:left; overflow:hidden; width:336px;}
	.news_r .picture{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
	.news_r .picture img{width:100%; object-fit:cover; height:187px; float:left; transition:all linear 0.25s;}
	.news_r .title{float:left; width:100%; color:#666; overflow:hidden; font-weight:bold; font-size:18px; white-space:pre; text-overflow:ellipsis; margin-top:22px;}
	.news_r .content{float:left; width:100%; background:#f5f5f5; overflow:hidden; font-size:14px; line-height:28px; color:#888; margin-top:40px; max-height:112px; height:112px;}

	.news_r .news_li{ float:left; width:100%; overflow:hidden; position:absolute; bottom:0px;}
	.news_li td{cursor:pointer;width:10px; border-radius:100%; height:10px; background:#049919; float:left; margin:0px 1px; padding:0px;}
	#news{background:#ecb31e;}
	.news_l .news_t:hover .picture img{ transform:scale(1.1);}
	.news_l .news_t:hover .content .title{ color:#049919;}
	.news_l .news_c li:hover .picture{ transform:scale(1.1) rotateY(180deg);}
	.news_l .news_c li:hover .title{ font-weight:bold; color:#ecb31e;}
	.news_l .news_b li:hover .title{ font-weight:bold; color:#ecb31e;}
	.news_r .news_b li:hover .picture img{ transform:scale(1.1);}
	.news_r .news_b li:hover .title{ color:#ecb31e;}

	
	footer.footer{ background:url(../images/ft_01.jpg) no-repeat center top; background-size:cover; overflow:hidden;}
 	.url{ overflow:hidden; padding:31px 0px; border-bottom:1px solid #616161;}
	.url span{ font-size:18px; font-weight:bold; color:#ecb31e; line-height:22px; float:left; margin-right:1%;}
	.url a{ font-size:14px; color:rgba(255,255,255,0.7); line-height:22px; float:left; margin-right:1%;}
	
	.foot_b{ display:block; width:100%; overflow:hidden; margin:32px auto; display:flex;}
	.foot_b .footer_column{float:left; max-width:27.5%; width:100%; border-right:1px solid rgba(255,255,255,0.2); padding-bottom:20px; box-sizing:border-box;}
	.foot_b .footer_column li{ float:left; margin-right:52px; font-size:14px; margin-top:20px;}
	.foot_b .footer_column li a{ color:#fff;}
	.foot_b .contact{ font-size:14px; color:#fff; float:left; width:100%; padding:12px 4% 0px 4%; max-width:37%; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
	.foot_b .contact div{float:left; width:100%; padding:7px 0px; display:flex; align-items:center;}
	.foot_b .contact div .icon{float:left; margin:0px;}
	.foot_b .contact div .title{float:left; padding-left:14px; margin:0px;}
	.foot_b .code{float:right; max-width:35.5%; width:100%; padding-left:4%; box-sizing:border-box;}
	.foot_b .code .logo{float:left; max-width:calc(100% - 130px); width:100%; margin-top:35px;}
	.foot_b .code .picture{ float:right; max-width:129px;}
	
	.copyright{ background:#353535; float:left; width:100%; overflow:hidden; color: rgba(255,255,255,0.35); font-size:14px; padding:6.5px 0px;}
	.copyright a{color:rgba(255,255,255,0.35)}
	.copyright .copy_l{ float:left;}
	.copyright .copy_r{ float:right;}



	
	/*新闻页面*/
	.page_address{ background:#f5f5f5; padding:16px 0px; box-shadow:0px 3px 3px #ddd; margin-bottom:40px; font-size:14px;}
	.page{padding:2px 2px 40px 2px; box-sizing:border-box; overflow:hidden;}	
	.page_contact{float:left; margin-top:20px; width:100%;}
	.page_contact div:nth-of-type(2){ background:#fff;float:left; width:100%;padding:10px 5%; box-sizing:border-box;}
	.page_contact div:nth-of-type(2) p{ line-height:30px; font-size:14px; color:#333;}
	
	
	
	.list_l{ max-width:280px; width:100%;overflow:hidden; float:left;}
	.list_l .pro_l{ max-width:100%;}
	.list_l .pro_l ul{border:1px solid rgba(0,0,0,0.3); box-sizing:border-box;}
	


	.list_l .contact{ margin-top:22px; float:left; width:100%; box-sizing:border-box;}
	.list_l .contact .title{ background:#049919; text-align:center; padding:14px 0px; font-size:18px; color:#fff;}
	.cont_b{ padding:0px 3%; border:1px solid rgba(0,0,0,0.3); box-sizing:border-box;}
	.cont_b .picture{margin-top:5px;}
	.cont_b .picture img{ width:100%;}
	.cont_b p{ font-size:14px; color:#333; margin:8px auto;}

	
	.page_r{ width:74%; float:right;}
	
	.news_list .page_r li{ width:calc(100% - 10px); float:left; background:rgba(255,253,255,0.60); padding:15px 1%; box-sizing:border-box; margin-bottom:10px; box-shadow:0px 0px 5px #ccc;}
	.news_list .page_r li .picture{ max-width:25%; float:left;}
	.news_list .page_r li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_r li .content{ max-width:73%; width:100%; float:right;}
	.news_list .page_r li .content .title{ font-size:17px; color:#111; text-overflow:ellipsis; white-space:pre; display:block; width:100%; overflow:hidden;}
	.news_list .page_r li .content time{ font-size:12px; color:#666; margin-top:10px; display:block;width:100%; overflow:hidden;}
	.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
	.news_list .page_r li .content .more{ font-size:14px; color:#333; line-height:40px; border:1px solid #ddd; text-align:center; float:left; text-align:center; width:140px; margin-top:15px;}
	.news_list .page_r li .content .more:hover{background:rgba(236,179,30,1); color:#fff; border-color:rgba(236,179,30,1);}
	
	.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:0px 0px 5px rgba(4,153,25,1);}
	
	.page_zp{ width:74%; float:right;}
	
	.news_list .page_zp li{ width:calc(100% - 10px); float:left; background:rgba(255,253,255,0.60); padding:15px 1%; box-sizing:border-box; margin-bottom:10px; box-shadow:0px 0px 5px #ccc;}
	.news_list .page_zp li .picture{ max-width:25%; float:left;}
	.news_list .page_zp li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
	.news_list .page_zp li .content{ max-width:98%; width:100%; float:right;}
	.news_list .page_zp li .content .title{ font-size:18px; font-weight:bolder; color:#111; text-overflow:ellipsis; white-space:pre; display:block; width:100%; overflow:hidden;}
	.news_list .page_zp li .content time{ font-size:12px; color:#666; margin-top:10px; display:block;width:100%; overflow:hidden;}
	.news_list .page_zp li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
	.news_list .page_zp li .content .more{ font-size:14px; color:#333; line-height:40px; border:1px solid #ddd; text-align:center; float:left; text-align:center; width:140px; margin-top:15px;}
	.news_list .page_zp li .content .more:hover{background:rgba(236,179,30,1); color:#fff; border-color:rgba(236,179,30,1);}
	
	
	
	.news_list .page_zp li:hover{background:rgba(255,253,255,1.00); box-shadow:0px 0px 5px rgba(4,153,25,1);}
	
	.pro_list .page_r li{ max-width:calc( 100% / 3 - 13px); float:left; margin-right:18px; margin-bottom:10px; width:100%; box-shadow:0px 0px 5px #ddd;}
	.pro_list .page_r li:nth-of-type(3n){ margin-right:0px;}
	.pro_list .page_r li .picture{width:100%; display:block;}
	.pro_list .page_r li .picture img{ height:238px; width:100%; object-fit:cover; display:block;}
	.pro_list .page_r li .title{line-height:60px; background:rgba(255,255,255,0.50); float:left; width:100%; text-overflow:ellipsis; white-space:pre; text-align:center;}
	.pro_list .page_r li:hover{ box-shadow:0px 0px 5px rgba(236,179,30,1);}
	.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
	
	
	.page_odd{ overflow:visible;}
	.page_odd .page_r{background:rgba(255,255,255,0.75); padding:0 2%; box-sizing:border-box; box-shadow:0px 0px 3px rgba(0,0,0,0.30)}
	.page_odd_title{ width:100%; text-align:center; margin-bottom:1%; font-size:20px; font-weight:bold; margin:20px 0px;}
	.page_odd_time{ width:100%; text-align:center; display:block; margin-bottom:1%; padding:10px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#333; font-size:12px;}
	.page_odd_img{ text-align:center; margin-bottom:10px;}
	.page_odd_content{margin-bottom:1%;}
	.page_odd_content p{ line-height:32px;}
	
	.page_odd_list{ margin:1% 0;}
	.page_odd_list span{ float:left; width:100%; color:#333; line-height:24px;}
	.page_odd_list span a{ color:#666;}
	
	.page_list{ float:right; max-width:100%; width:100%; text-align:center; overflow:hidden; margin:32px auto;}
	.page_list a:first-child{ display:none;}
	.page_list *{font-size:12px; color:#333; display:inline-block; margin:0px 4px; border:1px solid #343434; padding:5px 10px;}
	.page_list a:hover,.page_list b{border-color:rgba(4,153,25,1); background:rgba(4,153,25,1); color:#fff;}
	
	
	
	

	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(4,153,25,0.60); right:1%; font-size:60px; display:none; z-index:99;}
	.top::after{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(236,179,30,1.00);}
	.top:hover::before{color:rgba(255,255,255,1);}
	
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333;}
	.sj_footer img{ max-width:20%;}


	@font-face {
		font-family:hzgb;
		src:url(../font/hzgb.ttf);
	}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	}
	
	input:-ms-input-placeholder{
	color: #666;
	}
	
	input::-webkit-input-placeholder{
	color: #666;
	}

	
	textarea:-ms-input-placeholder{
	color: #666;
	}
	
	textarea::-webkit-input-placeholder{
	color: #666;
	}
	
	
	